import React, {Component} from 'react';
import PropType from 'prop-types';//验证引入

console.log(PropType)


class Navbar extends Component {

    state = {
        //只能内部自己调用,外面无法改变
    }

    //属性是父组件传来的 this.props

    //接收传过来的属性来做验证
    //类属性
    static prototypes = {
        title: PropType.string,
        leftshow: PropType.bool,
    }
    //默认属性
    static defaultProps = {
        leftshow: true
    }

    render() {
        console.log(this.props)
        let {title, leftshow} = this.props
        return (
            <div>
                {
                    leftshow && <button>返回</button>
                }
                Navbar-{title}
                <button>home</button>
            </div>
        );
    }
}

//接收传过来的属性来做验证
//类属性
// Navbar.prototypes={
//     title:PropType.string,
//     leftshow:PropType.bool,
// }

//默认属性
// Navbar.defaultProps={
//     leftshow:true
// }

export default Navbar;
